<div class="row">
  <div class="side">
    <h2>关于我</h2>
    <h3>我喜欢的电影:</h3>

    <div class="search">
      <input type="text" [(ngModel)]="keyword"> -- <button (click)="doSearch()">搜索</button>
      <hr>
    </div>
    <div class="jilu">
      <h3> 搜索记录：</h3>
      <ul>

        <li *ngFor="let item of historyList;let key=index;">{{item}} <button (click)="deleteHistroy(key)">x</button>
        </li>
      </ul>
    </div>

    <div class="tuijian">
      <button (click)="tuijian()">电影推荐</button>
    </div>
    <div class="fakeimg" style="height:auto;">

      <div class="responsive">
        <div class="img2" *ngFor="let item of huoqulist">
          
          <img [src]="main+item.pic" alt="小丑">
         
          <div class="desc2">{{item.movie}}</div>
        </div>
      </div>


    </div><br>

  </div>


  <div class="main">
    <h2>小编推荐</h2>
    <h3>千与千寻 千と千尋の神隠し (2001)</h3>
    <div class="fakeimg" style="height:300px;"><img src="/assets/IMG/千与千寻壁纸.jpg" alt="joker" height="300px"> </div>
    <p> 导演: 宫崎骏 编剧: 宫崎骏</p>
    <p>千寻和爸爸妈妈一同驱车前往新家，在郊外的小路上不慎进入了神秘的隧道——他们去到了另外一个诡异世界—一个中世纪的小镇。远处飘来食物的香味，爸爸妈妈大快朵颐，孰料之后变成了猪！这时小镇上渐渐来了许多样子古怪、半透明的人。
      　　千寻仓皇逃出，一个叫小白的人救了他，喂了她阻止身体消 失的药，并且告诉她怎样去找锅炉爷爷以及汤婆婆，而且必须获得一份工作才能不被魔法变成别的东西。</p>
    <br>
    <h2>热门电影</h2>
    <h5>今日推荐</h5>
  
    <div class="fakeimg" >
      <div class="responsive">
        <div class="img" *ngFor="let item of jiazailist">

          <img [src]="main+item.pic">

          <div class="desc">{{item.movie}}</div>
        </div>
      </div>
    </div>
    <br>
    <div class="jiazai">
      <button class="jiazai" (click)="jiazai()">点我加载更多！</button>
    </div>
    
  </div>

  </div>